<script setup lang="ts">
import Table from "@/components/table/Table.vue";
import SearchForm from "@/components/SearchForm.vue";
import { ref } from "vue";
const formFields = ref([
  {
    label: "姓名",
    prop: "name",
    type: "input",
    props: { placeholder: "请输入姓名" },
  },
  {
    label: "性别",
    prop: "gender",
    type: "select",
    props: { placeholder: "请选择性别" },
    options: [
      { label: "男", value: "male" },
      { label: "女", value: "female" },
    ],
  },
  {
    label: "出生日期",
    prop: "birthDate",
    type: "date",
    props: { placeholder: "请选择出生日期" },
  },
]);
</script>

<template>
  <Table>
    <template #header>
      <SearchForm :formFields="formFields" />
    </template>
    <template #operation>
      <div>123</div>
    </template>
    <template #setting>
      <div>456</div>
    </template>
  </Table>
</template>
